import React from 'react';


import classnames from 'classnames';
//component


import './index.less';


export default class view extends React.Component {
    static propTypes = {
        //name: React.PropTypes.string,
    };

    static defaultProps = {
        //name: 'component name'
    };


    constructor(props, context) {

        super(props, context);


        // init state;
        this.state = {

        };
    }
    componentWillMount() {
        this._isMounted = true;

    }

    componentDidMount() {

    }

    componentWillUnmount() {
        this._isMounted = false;
    }

    render() {

        const classNames = classnames({
            '<?= orin.className ?>': true,
            [this.props.className]: this.props.className ? true : false
        });

        return (
            <div className={classNames} >
                <div>success build the component : <?= orin.componentName  ?></div>
                <button onTouchTap = {()=>alert('success')} ><?- orin.componentName ?></button>
                <div>children : </div>
                <div>{this.props.children}</div>

            </div>
        );
    }
}
